.cinema-container .head {
  background: #f5f5f5;
  height: .44rem;
  display: flex;
  align-items: center; }
  .cinema-container .head .city {
    color: #666;
    font-size: .15rem;
    padding-left: .15rem;
    display: flex;
    line-height: .44rem; }
  .cinema-container .head .input {
    flex: 1;
    background: #fff;
    height: .28rem;
    font-size: .15rem;
    color: #b2b2b2;
    margin-left: .3rem;
    text-align: center;
    border: .005rem solid #e6e6e6;
    border-radius: .05rem;
    margin-right: .15rem; }
    .cinema-container .head .input span {
      font-size: .13rem;
      color: #b2b2b2; }
    .cinema-container .head .input .yo-ico {
      width: .14rem;
      height: .14rem;
      margin-left: .03rem;
      margin-right: .03rem; }

.cinema-container .nav-warp {
  display: flex;
  justify-content: space-around;
  background: #fff;
  height: .4rem;
  align-items: center;
  color: #777;
  font-size: .14rem; }
  .cinema-container .nav-warp div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .13rem; }

.cinema-container .item {
  height: .99rem;
  background: #fff; }
  .cinema-container .item .title-block {
    padding: .13rem .15rem .13rem 0; }
